<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <title>海大产品列表</title>
    <meta name="title" content="海大 产品列表">
    <meta name="keywords" content="海大珍珠商城">
    <meta name="desciption" content="海大珍珠商城是一个专注于……商城">
    <meta name="author" content="loushengyue，于景洲，宛煜，陈泽鹏，庞乃东">
    <link rel="shortcut icon" href="./img/icon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/pro_list.css">
</head>
<body>
<header>
   <div class="top">
      <i class="scan"></i>
      <form>
          <input type="text" name="search-content" placeholder="海大珍珠" id="search">
          <div class="btn" id="btn"></div>
      </form>
      <i class="message"></i>
   </div>
   <div class="heade">
        <div class="list_top">
            <div class="colligate" id="more-sort-show"><h3>综合排序</h3><img src="img/sanjiao_03.png" alt="snajiao"></div>
            <div class="sales" id="orderBysales">销量优先</div>
            <div class="sizer"><h3>筛选</h3><img src="img/xuan_03.png" alt="xuan"></div>
        </div>
    </div>
</header>
<ul class="more-sort" id="more-sort">
    <li id="zh">综合优先</li>
    <li id="jg">价格优先</li>
    <li id="pl">评论优先</li>
    <li id="sl">销量优先</li>
</ul>
<div class="main" id="proList"></div>

<script src="lib/resetRem.js"></script>
<script src="lib/zepto-1.2.0.js"></script>
<script src="lib/storages.js"></script>
<script src="js/common.js"></script>
<script src="js/proList.js"></script>
</body>
</html>